<!DOCTYPE html>
<!--[if lt IE 7]>

<html class="lt-ie9 lt-ie8 lt-ie7" lang="en">

<![endif]-->
<!--[if IE 7]>

<html class="lt-ie9 lt-ie8" lang="en">

<![endif]-->
<!--[if IE 8]>

<html class="lt-ie9" lang="en">

<![endif]-->
<!--[if gt IE 8]>
<!-->

<html lang="en">
  
  <!--
<![endif]-->
  <head>
    <meta charset="utf-8">
    <title>
      Blue Moon - Responsive Admin Dashboard
    </title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <!-- bootstrap css -->
    
    <link href="/static/shop/icomoon/style.css" rel="stylesheet">
    <!--[if lte IE 7]>
    <script src="css/icomoon-font/lte-ie7.js">
    </script>
    <![endif]-->
  <link href="/static/shop/css/main.css" rel="stylesheet"> <!-- Important. For Theming change primary-color variable in main.css  -->
  <link href="/static/shop/css/charts-graphs.css" rel="stylesheet">
  
  
    <link rel="stylesheet" type="text/css" href="/static/manage/common/bootstrap/js/bootstarp-3.3.7/css/bootstrap.min.css" />
	<script src="../../../static/manage/common/bootstrap/js/jquery-3.2.0.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../static/manage/common/bootstrap/js/bootstarp-3.3.7/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
	<link rel="stylesheet" type="text/css" href="/static/manage/common/bootstrap/js/bootstarp-table-1.11.1/bootstrap-table.min.css" />
	<script src="../../../static/manage/common/bootstrap/js/bootstarp-table-1.11.1/bootstrap-table.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../static/manage/common/bootstrap/js/bootstarp-table-1.11.1/bootstrap-table-zh-CN.min.js" type="text/javascript" charset="utf-8"></script>
  
  </head>
  <body>
    <header>
    <!-- 页面具体信息 -->
      <a href="#" class="logo">
        <img src="../../../static/shop/img/logo.png" alt="Logo" />
      </a>
      <div class="btn-group">
        <button class="btn btn-primary">
       		 	 这个是啥
        </button>
        <button data-toggle="dropdown" class="btn btn-primary dropdown-toggle">
          <span class="caret">
          </span>
        </button>
        <ul class="dropdown-menu pull-right">
          <li>
            <a href="lblb.xml">
            	 礼包列表(5个)
            </a>
          </li>
          <li>
            <a href="#">
             	护理项目(12个)
            </a>
          </li>
        </ul>
      </div>
      
      <!-- 信息管理 -->
        <ul class="mini-nav">
        <li>
          <a href="#">
            <div class="fs1" aria-hidden="true" >商家推送</div>
            <span class="info-label badge badge-warning">
              1
            </span>
          </a>
        </li>
        <li>
          <a href="#">
            <div class="fs1" aria-hidden="true" data-icon="&#xe04c;"></div>
            <span class="info-label badge badge-info">
              5
            </span>
          </a>
        </li>
        <li>
          <a href="#">
            <div class="fs1" aria-hidden="true" >购物车</div>
            <span class="info-label badge badge-success">
              9
            </span>
          </a>
        </li>
      </ul>
      
      
    </header>
    <!--  -->
    <div class="container-fluid">
      <div class="dashboard-container">
        <div class="top-nav">
          <ul>
            <li>
              <a href="index.html">
                <div class="fs1" aria-hidden="true" data-icon="&#xe0a0;"></div>
                我的店面
              </a>
            </li>
            <li>
              <a href="forms.html">
                <div class="fs1" aria-hidden="true" data-icon="&#xe0b8;"></div>
            营业记录
              </a>
            </li>
            <li>
              <a href="graphs.html">
                <div class="fs1" aria-hidden="true" data-icon="&#xe096;"></div>
              财务管理
              </a>
            </li>
            <li>
              <a href="ui-elements.html">
                <div class="fs1" aria-hidden="true" data-icon="&#xe0d2;"></div>
               顾客管理
              </a>
            </li>
            <li>
              <a href="icomoons.html" class="selected">
                <div class="fs1" aria-hidden="true" data-icon="&#xe0a9;"></div>
              护理管理
              </a>
            </li>
            <li>
              <a href="tables.html">
                <div class="fs1" aria-hidden="true" data-icon="&#xe14a;"></div>
               员工管理
              </a>
            </li>
            <li>
              <a href="media.html">
                <div class="fs1" aria-hidden="true" data-icon="&#xe00d;"></div>
               预约管理
              </a>
            </li>
            <li>
              <a href="calendar.html">
                <div class="fs1" aria-hidden="true" data-icon="&#xe052;"></div>
              店铺设置
              </a>
            </li>
            
          </ul>
          <div class="clearfix">
          </div>
        </div>
        <div class="sub-nav">
        
         <ul class="nav nav-pills">
  						<li class="active">
  							<a href="lblb.html">礼包列表(5个)</a>
  						</li>
 							<li>
 								<a href="#">护理项目(12个)</a>
 							</li>
				</ul>
          
          
          <div class="btn-group pull-right">
            <button class="btn btn-primary">
              菜单
            </button>
            <button data-toggle="dropdown" class="btn btn-primary dropdown-toggle">
              <span class="caret">
              </span>
            </button>
            <ul class="dropdown-menu pull-right">
              <li>
                <a href="index.html" data-original-title="">
                 我的店面
                </a>
              </li>
              <li>
                <a href="forms.html" data-original-title="">
                 营业记录
                </a>
              </li>
              <li>
                <a href="graphs.html" data-original-title="">
                财务管理
                </a>
              </li>
              <li>
                <a href="ui-elements.html" data-original-title="">
                 顾客管理
                </a>
              </li>
              <li>
                <a href="icons.html" data-original-title="">
                护理管理
                </a>
              </li>
              <li>
                <a href="tables.html" data-original-title="">
                 员工管理
                </a>
              </li>
              <li>
                <a href="media.html" data-original-title="">
                 预约管理
                </a>
              </li>
              <li>
                <a href="calendar.html" data-original-title="">
               店铺设置
                </a>
              </li>
              
              <li>
                <a href="login.html" data-original-title="">
                  Login
                </a>
              </li>
             
             
            </ul>
          </div>
        </div>
        
        
        
        
        <div class="dashboard-wrapper">
			<script></script>
			
			<form class="form-inline">
  			
  										
  										
  		<div class=" col-sm-offset-2">
  						
					<div class="col-sm-3">
						礼包编号：<input type="text" class="form-control" name="ename1" id="ename1" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						
						礼包名称：<input type="text" class="form-control" name="ename1" id="ename1" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						
						价格区间 <input type="text" class="form-control" name="ename1" id="ename1" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						
						<button class="btn btn-primary" onclick="search()">查询</button>
					</div>
					
				
					
					
			</div>					
  										
  										
  				<table id="table" class="table table-bordered table-striped" style="width:95%>
  					
				</table>

  													
			</form>
        </div>
       
         

                     
    <script src="../../../static/manage/js/jquery.min.js">
    </script>
    <script src="../../../static/manage/js/bootstrap.js">
    </script>
    <script src="../../../static/manage/js jquery.scrollUp.js">
    </script>
    
    <script type="text/javascript">
      //ScrollUp
      
      $(function() {
			var oTable = new TableInit();

			oTable.Init();

			var message = document.getElementById("message").value;

			if(message != null && message != "") {

				alert(message);

			}

		});
      
      var TableInit = function () {

	    var oTableInit = new Object();

	    //初始化Table
	    oTableInit.Init = function () {

	        $('#table').bootstrapTable({

	            method: 'get',

	            contentType: "application/x-www-form-urlencoded",

	            url: "/lblb/list",     //请求后台的URL（*）

	            striped: true,        //是否显示行间隔色

	            locale:'zh-CN',                                              //中文支持

	            pagination: true,                                        //是否开启分页（*）

	            pageNumber:1,                                            //初始化加载第一页，默认第一页

	            pageSize: 7,                                              //每页的记录行数（*）

	            pageList: [5,7,9],                                       //可供选择的每页的行数（*）

	            sidePagination: "server",  //分页方式：client客户端分页，server服务端分页（*）

	           
                                             

	            columns: [{ 
					field: 'cover_photo',   
					title: '礼包宣传图片',
					align: 'center',
					formatter: function(value,row,index){
                        return '<img  src="'+row.cover_photo+'" height="70px" width="70px" >';
                    }
				}, {  
					field: 'bag_id',
					title: '礼包编号',
					align: 'center',
				}, {
					field: 'bag_id',
					title: '礼包名称',
					align: 'center',
				}, {
					field: 'putaway_time',
					title: '建立时间',
					align: 'center',
				}, {
					field: 'bag_total_price',
					title: '礼包价格（元）',
					align: 'center',
				}, {
					field: 'project_name,
					title: '礼包内容',
					align: 'center',
				}, {
					field: 'soldout_time',
					title: '上架时间',
					align: 'center',
				}, {
					field: 'overdue_time',
					title: '有效期（天）',
					align: 'center',
				}, {
					field: 'status',
					title: '操作',
					align: 'center',
				}

	        });

	    };

	 

	    //得到查询的参数

	    oTableInit.queryParams = function (params) {

	        var temp = {   //这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的

	            limit: params.limit,   //页面大小

	            offset: params.offset,  //偏移量

	            docNo: $("#PROTOCOL_CODE").val(),

	            title: $("#PROTOCOL_NAME").val(),

	            startTime: $("#startTime").val(),

	            endTime: $("#endTime").val(),

	            brand: $("#PROTOCOL_STATUS").val(),

	            important: $("#PROTOCOL_TYPE").val()

	        };

	        return temp;

	    };

	    return oTableInit;

	};
	
    </script>
    
  
</body>
</html>